<template>
    <div class="container">
      <!-- 顶部全局组件 -->
      <HospitalTop/>
      <!-- 展示路由组件的区域 -->
      <div class="content">
        <!-- 展示路由组件的区域 -->
        <router-view></router-view>
      </div>
      <HospitalBottom/>

  </div>
</template>

<script setup lang="ts">
// import request from '@/utils/request';
// import {onMounted} from 'vue';
// onMounted(()=>{
//   request.get('/hosp/hospital/1/10').then(res=>{
//     console.log('APP组件展示获取的数据',res)
//   })

// })
</script>
<style scoped  lang="scss">
.container{
  display: flex;
  flex-direction: column; //主轴为垂直方向，由上到下 （偶尔常用）
  align-items: center;//水平居中
  .content{
    margin-top: 70px;
    width: 1200px;
    min-height: 700px;
  }
  
}
</style>